<template>
  <div class="logs">
      <ul>
        <router-link tag="li" to="/logDetail/day" class="detail">
            <h2>某某的日志</h2>
            <p><strong>2020年2月3日</strong><span> 周一工作</span></p>
            <p><strong>首页开发***</strong><span>9:00  -  12:00</span></p>
            <p><strong>按钮组开发***</strong><span>1:00  -  5:30</span></p>
        </router-link>
       <router-link tag="li" to="/logDetail/day" class="detail">
            <h2>某某的日志</h2>
            <p><strong>2020年2月3日</strong><span> 周一工作</span></p>
            <p><strong>首页开发***</strong><span>9:00  -  12:00</span></p>
            <p><strong>按钮组开发***</strong><span>1:00  -  5:30</span></p>
        </router-link>
       <router-link tag="li" to="/logDetail/week" class="detail">
            <h2>郭**的  周报</h2>
            <p><strong> 昨天 ：</strong><span> 13：42</span></p>
            <p><strong>本周完成工作：</strong><span>工作内容</span></p>
            <p><strong>下周工作计划：</strong><span>计划内容</span></p>
        </router-link>
      </ul>
  </div>
</template>
<style lang="scss" scoped>
  .logs{
    ul{
        width:94%;
        margin: 0 auto;
      .detail{
          margin: 6px 0;
          text-align: left;
          border:1px solid #e0e0e0;
          padding: 10px 10px;
        h2{
          font-size: 18px;
          color:#333;
          line-height: 34px;
          font-weight: normal;
          background:url("../img/log-active.png" ) no-repeat 0px center / 14px 14px;
          text-indent: 20px;
          img{
            width:14px;
            height:14px;vertical-align: middle;
          }
        }
        p{
          font-size: 16px;
          line-height: 30px;
          color: #333;
          display:flex;
          align-items: center;
          justify-content: center;
          strong{
            font-weight: normal;
            width:60%;
          }
          span{
            width:40%;
          }
        }
      }
    }
  }
</style>
